<!doctype html>
<html class="no-js">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="美丽说-wap首页,H5,H5首页">
		<meta name="keywords" content="美丽说,穿搭,女装,搭配">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>美丽说-搜索</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="assets/i/mfavicon.png">
		<link rel="stylesheet" href="assets/css/amazeui.min.css">
		<link rel="stylesheet" type="text/css" href="assets/css/reset.css"/>
		<link rel="stylesheet" href="assets/css/category.css">
	</head>
	<body>
		<div class="am-container cons">
			<div class="am-cf navs">
				<a href="index.html" class="logo am-fl"></a>
				<input type="text" class="search am-fl" placeholder="套装" />
				<a href="service.html" class="service am-fl"></a>
			</div>
			<div class="am-g am-g-fixed shops">
				<div class="am-u-sm-4"><a class="active">流行</a></div>
				<div class="am-u-sm-4"><a>热销</a></div>
				<div class="am-u-sm-4"><a>价钱</a></div>
			</div>
			<div class="ad-commodity">
				<div class="ad-box am-box1">
					<ul class="am-avg-sm-2 am-thumbnails ad-box-list">
						
					</ul>
				</div>
				<div class="ad-box ad-box2">
					<ul class="am-avg-sm-2 am-thumbnails ad-box-list">
						<li class="am-fl">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx5.jpg" />
								</div>
								<p class="title">格子衬衫 bf风 长袖 学院风 宽松大码 中长款 新款 韩版 </p>
								<div class="goods-info">
									<span class="price">49.00</span>
									<del class="origin">￥70.00</del>
									<p class="sale_num">8012人已购买</p>
								</div>
							</a>
						</li>
						<li class="am-fr">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx13.jpg" />
								</div>
								<p class="title">白衬衫 韩范 花边领 长袖 宽松 百搭 休闲 简约 新款</p>
								<div class="goods-info">
									<span class="price">49.00</span>
									<del class="origin">￥140.00</del>
									<p class="sale_num">7436人已购买</p>
								</div>
							</a>
						</li>
					</ul>
					<ul class="am-avg-sm-2 am-thumbnails ad-box-list">
						<li class="am-fl">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx8.jpg" />
								</div>
								<p class="title">衬衣 小清新 气质 休闲 图案 卡通 可爱 新款</p>
								<div class="goods-info">
									<span class="price">39.50</span>
									<del class="origin">￥56.43</del>
									<p class="sale_num">2582人已购买</p>
								</div>
							</a>
						</li>
						<li class="am-fr">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx17.jpg" />
								</div>
								<p class="title">白色衬衫 长袖 大码 修身 新款 韩版</p>
								<div class="goods-info">
									<span class="price">39.20</span>
									<del class="origin">￥56.00</del>
									<p class="sale_num">782人已购买</p>
								</div>
							</a>
						</li>
					</ul>
					<ul class="am-avg-sm-2 am-thumbnails ad-box-list">
						<li class="am-fl">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx1.jpg" />
								</div>
								<p class="title">时尚套装 套装两件套 包臀 高腰 时尚 v领喇叭袖 春夏 新款</p>
								<div class="goods-info">
									<span class="price">58.80</span>
									<del class="origin">￥84.00</del>
									<p class="sale_num">7430人已购买</p>
								</div>
							</a>
						</li>
						<li class="am-fr">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx11.jpg" />
								</div>
								<p class="title">白衬衫 白色 小清新 学院风 宽松 百搭 休闲 简约 韩版 春夏</p>
								<div class="goods-info">
									<span class="price">49.90</span>
									<del class="origin">￥98.00</del>
									<p class="sale_num">6016人已购买</p>
								</div>
							</a>
						</li>
					</ul>
					<ul class="am-avg-sm-2 am-thumbnails ad-box-list">
						<li class="am-fl">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx2.jpg" />
								</div>
								<p class="title">白色女衬衫 短袖 半袖 韩版</p>
								<div class="goods-info">
									<span class="price">36.40</span>
									<del class="origin">￥52.00</del>
									<p class="sale_num">389人已购买</p>
								</div>
							</a>
						</li>
						<li class="am-fr">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx15.jpg" />
								</div>
								<p class="title">打底衬衣 长袖 修身显瘦 新款 韩版</p>
								<div class="goods-info">
									<span class="price">39.90</span>
									<del class="origin">￥57.00</del>
									<p class="sale_num">375人已购买</p>
								</div>
							</a>
						</li>
					</ul>
					<ul class="am-avg-sm-2 am-thumbnails ad-box-list">
						<li class="am-fl">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx7.jpg" />
								</div>
								<p class="title">长袖衬衫 翻领 韩范 百搭显瘦 灯芯绒 宽松 新款</p>
								<div class="goods-info">
									<span class="price">49.00</span>
									<del class="origin">￥70.00</del>
									<p class="sale_num">361人已购买</p>
								</div>
							</a>
						</li>
						<li class="am-fr">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx4.jpg" />
								</div>
								<p class="title">衬衣打底衫 小清新 百搭 韩版</p>
								<div class="goods-info">
									<span class="price">49.00</span>
									<del class="origin">￥70.00</del>
									<p class="sale_num">288人已购买</p>
								</div>
							</a>
						</li>
					</ul>
					<ul class="am-avg-sm-2 am-thumbnails ad-box-list">
						<li class="am-fl">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx10.jpg" />
								</div>
								<p class="title">时尚套装 格子衫 小清新 休闲 短款</p>
								<div class="goods-info">
									<span class="price">39.90</span>
									<del class="origin">￥67.00</del>
									<p class="sale_num">5593人已购买</p>
								</div>
							</a>
						</li>
						<li class="am-fr">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx9.jpg" />
								</div>
								<p class="title">时尚套装 格子 长袖 纯色 宽松 百搭 新款 韩版</p>
								<div class="goods-info">
									<span class="price">49.00</span>
									<del class="origin">￥70.00</del>
									<p class="sale_num">4171人已购买</p>
								</div>
							</a>
						</li>
					</ul>
					<ul class="am-avg-sm-2 am-thumbnails ad-box-list">
						<li class="am-fl">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx12.jpg" />
								</div>
								<p class="title">套头衬衫 七分袖 气质 纯色 韩版 春夏</p>
								<div class="goods-info">
									<span class="price">68.60</span>
									<del class="origin">￥98.00</del>
									<p class="sale_num">246人已购买</p>
								</div>
							</a>
						</li>
						<li class="am-fr">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx16.jpg" />
								</div>
								<p class="title">工作服上衣 长袖 甜美 修身显瘦 新款 韩版</p>
								<div class="goods-info">
									<span class="price">49.00</span>
									<del class="origin">￥70.00</del>
									<p class="sale_num">169人已购买</p>
								</div>
							</a>
						</li>
					</ul>
				</div>
				<div class="ad-box ad-box3">
					<ul class="am-avg-sm-2 am-thumbnails ad-box-list">
						<li class="am-fl">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx49.jpg" />
								</div>
								<p class="title">连衣裙 新款</p>
								<div class="goods-info">
									<span class="price">95.00</span>
									<del class="origin">￥95.00</del>
									<p class="sale_num">3432人已购买</p>
								</div>
							</a>
						</li>
						<li class="am-fr">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx48.jpg" />
								</div>
								<p class="title">条纹衬衫 白色 小清新 春季 新款 韩版</p>
								<div class="goods-info">
									<span class="price">69.00</span>
									<del class="origin">￥98.58</del>
									<p class="sale_num">2936人已购买</p>
								</div>
							</a>
						</li>
					</ul>
					<ul class="am-avg-sm-2 am-thumbnails ad-box-list">
						<li class="am-fl">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx2.jpg" />
								</div>
								<p class="title">白色女衬衫 短袖 半袖 韩版</p>
								<div class="goods-info">
									<span class="price">36.40</span>
									<del class="origin">￥52.00</del>
									<p class="sale_num">389人已购买</p>
								</div>
							</a>
						</li>
						<li class="am-fr">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx15.jpg" />
								</div>
								<p class="title">打底衬衣 长袖 修身显瘦 新款 韩版</p>
								<div class="goods-info">
									<span class="price">39.90</span>
									<del class="origin">￥57.00</del>
									<p class="sale_num">375人已购买</p>
								</div>
							</a>
						</li>
					</ul>
					<ul class="am-avg-sm-2 am-thumbnails ad-box-list">
						<li class="am-fl">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx47.jpg" />
								</div>
								<p class="title">长袖衬衫 翻领 韩范 百搭显瘦 灯芯绒 宽松 新款</p>
								<div class="goods-info">
									<span class="price">49.00</span>
									<del class="origin">￥70.00</del>
									<p class="sale_num">361人已购买</p>
								</div>
							</a>
						</li>
						<li class="am-fr">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx46.jpg" />
								</div>
								<p class="title">衬衣打底衫 小清新 百搭 韩版</p>
								<div class="goods-info">
									<span class="price">49.00</span>
									<del class="origin">￥70.00</del>
									<p class="sale_num">288人已购买</p>
								</div>
							</a>
						</li>
					</ul>
					<ul class="am-avg-sm-2 am-thumbnails ad-box-list">
						<li class="am-fl">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx51.jpg" />
								</div>
								<p class="title">职业衬衫 长袖 v领 秋款 加厚 加绒 冬季 新款 </p>
								<div class="goods-info">
									<span class="price">91.00</span>
									<del class="origin">130.00</del>
									<p class="sale_num">11人已购买</p>
								</div>
							</a>
						</li>
						<li class="am-fr">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx56.jpg" />
								</div>
								<p class="title">白衬衫 韩范 百搭 短袖 修身显瘦 大码</p>
								<div class="goods-info">
									<span class="price">39.90</span>
									<del class="origin">￥57.00</del>
									<p class="sale_num">31人已购买</p>
								</div>
							</a>
						</li>
					</ul>
					<ul class="am-avg-sm-2 am-thumbnails ad-box-list">
						<li class="am-fl">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx60.jpg" />
								</div>
								<p class="title">雪纺衬衫 小清新 喇叭袖 甜美 宽松 韩版</p>
								<div class="goods-info">
									<span class="price">69.00</span>
									<del class="origin">￥69.00</del>
									<p class="sale_num">1877人已购买</p>
								</div>
							</a>
						</li>
						<li class="am-fr">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx59.jpg" />
								</div>
								<p class="title">衬衫 学生衬衣 bf风 长袖 宽松 休闲 个性 磨破 韩版</p>
								<div class="goods-info">
									<span class="price">69.00</span>
									<del class="origin">￥98.50</del>
									<p class="sale_num">845人已购买</p>
								</div>
							</a>
						</li>
					</ul>
					<ul class="am-avg-sm-2 am-thumbnails ad-box-list">
						<li class="am-fl">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx61.jpg" />
								</div>
								<p class="title">衬衫 衬衣 蝙蝠袖 宽松 纯黑色 春季 新款 韩版</p>
								<div class="goods-info">
									<span class="price">71.00</span>
									<del class="origin">￥101.43</del>
									<p class="sale_num">1750人已购买</p>
								</div>
							</a>
						</li>
						<li class="am-fr">
							<a href="javascript:void(0);">
								<div class="img-box">
									<img src="assets/img/rx57.jpg" />
								</div>
								<p class="title">鹊踏枝 中袖女衬衫 白领 新款时尚 夏季</p>
								<div class="goods-info">
									<span class="price">78.00</span>
									<del class="origin">￥78.00</del>
									<p class="sale_num">31人已购买</p>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="footer">
				<div class="nav-bottom">
					<a href="index.html" class="home">
						<i class="bottom-icon icon-1"></i>
						<span class="bottom-text text-one">首页</span>
					</a>
					<a href="classification.html" class="classfy">
						<i class="bottom-icon icon-2"></i>
						<span class="bottom-text">分类</span>
					</a>
					<a href="shop trolley.html" class="shopcar">
						<i class="bottom-icon icon-3"></i>
						<span class="bottom-text">购物车</span>
					</a>
					<a href="personal.html" class="myall">
						<i class="bottom-icon icon-4"></i>
						<span class="bottom-text">我的</span>
					</a>
				</div>
			</div>
			<div class="fix-btn" id="fix-btn">
				<p class="gotop"></p>
			</div>
		</div>
		<script src="assets/js/jquery-1.12.4.min.js"></script>
		<script src="assets/js/amazeui.min.js"></script>
		<script src="assets/js/category.js"></script>
		<script src="assets/js/template-web.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/html" id="tmpl-goods_list">
			{{each data}}
			<li>
				<a href="details.html?id={{$value._id}}">
					<div class="img-box">
						<img src="{{$value.mdImg}}" />
					</div>
					<p class="title">{{$value.name}}</p>
					<div class="goods-info">
						<span class="price">{{$value.price}}</span>
						<del class="origin">￥{{$value.marketPrice}}</del>
						<p class="sale_num">库存{{$value.inventory}}件</p>
					</div>
				</a>
			</li>
			{{/each}}
		</script>
		<script type="text/javascript">
			//获取url参数
		    function GetRequest() {
		        var url = location.search; //获取url中"?"符后的字串
		        var theRequest = new Object();
		        if (url.indexOf("?") != -1) {
		            var str = url.substr(1);
		            strs = str.split("&");
		            for (var i = 0; i < strs.length; i++) {
		                theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
		            }
		        }
		        return theRequest;
		    }
		    var id = GetRequest().id;
		    console.log(id)
		    //赋值隐藏数据
//		   	$("#Mid").val(id);
			$.getJSON("/api/goodsList/",{cateFirst:id},function (result) {
				if (result.status) {
					var html = template("tmpl-goods_list", result);
                	$(".am-box1 .ad-box-list").html(html);
				}
			})
		</script>
	</body>
	
</html>	
